#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* text-align: center;
  color: #2c3e50;
  margin-top: 60px; */
  width: 100%;
  height: 100%;
}
/* 整体布局 */
.layout-header {
}
.layout-header .logo {
  line-height: 31px;
  color: #f15a2c;
  font-weight: bolder;
  font-size: 30px;
  /* width: 320px; */
  height: 31px;
  margin: 16px 28px 16px 0;
}
.logo>span{
  font-size: 12px;
  color: #e22828;
}
.logout-btn {
  font-size:22px;
  cursor: pointer;
}
.logout-btn:hover {
  color: #f15a2c;
  font-weight: bold;
}
.layout-sider {
  height: calc(100vh - 64px);
}
.layout-content {
  height: calc(100vh - 64px);
  background-color: #fff;
  padding: 0 10px;
}
/* 通常页面 */
.header-box {
}
.search-box {
  /* background-color: rgb(30,30,30); */
  padding: 10px 20px 20px 20px;
}
.search-box > .ant-form {
  width: 100%;
}
.operation-box {
  /* background-color: rgb(30,30,30); */
  padding: 0 20px 20px 20px;
}
.table-list-box {
  /* background-color: rgb(30,30,30); */
}
.table-list-box > .ant-table-wrapper {
  width: 100%;
}